.color-mixins(@css_key, @light_value, @dark_value: @light_value, @gphone_value: @dark_value) {
  @{css_key}: @light_value;

  [theme-mode='black'] & {
    @{css_key}: @dark_value;
  }
  [theme-mode='black'][theme-platform='gphone']& {
    @{css_key}: @gphone_value;
  }
}
.bgimg(@url) {
  background: url('../images/@{url}.png') no-repeat;
  background-size: 100% 100%;

  [theme-mode='black'] & {
    background: url('../images/@{url}_dark.png') no-repeat;
    background-size: 100% 100%;
  }
}
.icon-ztjj {
  width: 1.86rem;
  height: 1.8rem;
  background-image: url('../images/icon-ztjj.png');
  background-size: 100% 100%;
}
.icon-bdjj {
  width: 2.16rem;
  height: 1.45rem;
  background-image: url('../images/icon-bdjj.png');
  background-size: 100% 100%;
}
.icon-jsjj {
  width: 2.38rem;
  height: 2.07rem;
  background-image: url('../images/icon-jsjj.png');
  background-size: 100% 100%;
}
.icon-rdjj {
  width: 1.89rem;
  height: 1.89rem;
  background-image: url('../images/icon-rdjj.png');
  background-size: 100% 100%;
}
.icon-more-normal {
  width: 0.24rem;
  height: 0.24rem;
  background-image: url('../images/icon-more-normal.svg');
  background-size: 100% 100%;
}

.icon-lock {
  width: 0.3rem;
  height: 0.3rem;
  background-image: url('../images/icon-lock.png');
  background-size: 100% 100%;
}

.home-title {
  .icon-more {
    width: 0.1rem;
    height: 0.18rem;
    background-image: url('../images/icon-more.png');
    background-size: 100% 100%;
  }
}

.icon-list-up {
  width: 0.24rem;
  height: 0.24rem;
  background-image: url('../images/icon-list-up.png');
  background-size: 100% 100%;
}

.icon-list-down {
  width: 0.24rem;
  height: 0.24rem;
  background-image: url('../images/icon-list-down.png');
  background-size: 100% 100%;
}

.icon-back {
  background: url('../images/icon_list_back.png') no-repeat;
  background-size: 100% 100%;
}

.card-bg-red {
  .bgimg('card_bg_red');
}

.bg-r {
  .color-mixins(background-color,#E93030,#FD4332);
}

.bg-w {
  // .color-mixins(background-color,#ffffff,#191919,#1e1e1e);
  .color-mixins(background-color,#ffffff,#121212);
}

.bg-gruy {
  .color-mixins(background-color, #FAFAFA,#191919);
}

.cl-gruy {
  .color-mixins(color,#666666,#A9A9A9);
}

.cl-gruy2 {
  .color-mixins(color,#999999,#8e8e8e);
}
.cl-gruy3 {
  .color-mixins(color,#cccccc,#666666);
}

.cl-r {
  .color-mixins(color,#E93030,#FD4332);
}

.cl-w {
  .color-mixins(color,#ffffff,#191919,#1e1e1e);
}

.bold {
  font-weight: bold;
}
